<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>旅游商品 - 爽客网</title>
<%@include file="../common/js.jsp" %>
<script src="js/interfacejs.js" type="text/javascript"></script>
<script src="js/jquery.ying.js" type="text/javascript"></script>
<script src="js/search.js" type="text/javascript"></script>
<link href="css/base/reset.css" type="text/css" rel="stylesheet" />
<link href="css/base/base.css" type="text/css" rel="stylesheet" />
<link href="css/base/hf_sk.css" type="text/css" rel="stylesheet" />
<link href="css/mainpage.css" type="text/css" rel="stylesheet" />
<!--[if ie]><script src="js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
<!--[if ie]><link href="css/jrIE.css" type="text/css" rel="stylesheet"><![endif]-->

</head>
<body>
	<!-- head -->
	<%@include file="../common/header.jsp" %>
    <!-- header-->
    
    <!-- content-->
	<div class="w100p">
        
       	<!-- lunbo -->
        <div class="w980 mg box_style1">
        	<div class="c_lb_box lb_box_s1">
            	<ul class="c_lb" id="pic_ul">
                <c:forEach items="${picture }" var="c">
                	<li><a href="${c.hyperlink }" target="_blank"><img src="${c.picture }" style="width: 695px;height: 280px" class="block" /></a></li>
                </c:forEach>
                </ul>
                <div class="seach_t_box">
                </div>
                <div class="seach_body_box">
                	<div class="mg_style">
                        <h1>特色商品<span>贵州独有的商品</span></h1>
                        <div class="search">
                            <label class="fb mr5">商品/品牌</label><input type="text" class="text_style" id="search_title"/>
                            <input type="button" class="search_btn"  onclick="searchContent('travel');"/>
                        </div>
                        <dl class="c_tj">
                        	<dt>热门商品</dt>
	                        <c:forEach items="${hotProduct }" var="c">
	                           	<dd><a href="${c.hyperlink }" target="_blank">${c.title }</a></dd>
							</c:forEach>
                        </dl>
                       
                    </div>
                </div>
                
                <!-- right-->
                <ul class="lb_list_show" id="num_ul">
                <c:forEach items="${picture }" var="c">
                	<li>
                    	<a href="${c.hyperlink }" target="_blank">
                            <span class="title">${c.titleText }</span>
                        </a>
                    </li>
                </c:forEach>    
                </ul>
                <!-- right--end-->
            </div>
        </div>
        <!-- lunbo--end-->
        
        <!-- part1 -->
        <div class="w980 mg box_style1">
        	<div class="clearfix">
            	
                <!-- left-->
                <div class="t_leftbox">
                	<div class="gradient_sbox mb5">
                        <div class="gra_head">
                            <h1 class="clearfix pr">
                                <img src="../../images/icon/icon_gztslysp.gif" class="fl block"><span class="fl">贵州特色旅游商品</span>
                                <a href="listView.htm?channel=c49843d5-a522-4b7e-88bd-1735ad02bc30" class="more">more</a>
                            </h1>
                        </div>
                        <div class="gra_body">
                        	<div class="mg_line">
                                <ul class="com_pt_box1 pro_s1 clearfix">
	                                <c:forEach items="${specialPro }" var="c" end="1" varStatus="status">
	                                	<li <c:if test="${status.last}">class="last"</c:if>>
	                                    	<div class="t_box">
	                                    		<a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture }" style="width: 100px;height: 100px"  class="block" /></a>
	                                            <span class="flag"></span>
	                                        </div>
	                                        <div class="d_box">
	                                        	<a href="${c.hyperlink }" target="_blank" class="pro_name">${c.titleText }</a>
	                                            <div class="m_price">市场价:<i class="lt fb">${c.priceMarket }</i></div>
	                                            <div class="sk_price">爽客价:<i>¥${c.priceMin }</i></div>
	                                        </div>
	                                    </li>
	                                </c:forEach>
                                </ul>
                                
                                <ul class="pro_t_s1">
                                	 <c:forEach items="${specialPro }" var="c" begin="2">
	                                	<li>
	                                    	<a href="${c.hyperlink }" target="_blank" class="name">${c.title }</a><span class="price">¥${c.priceMin }</span><a href="${c.hyperlink }" target="_blank" class="chk_link">查看详情</a>
	                                    </li>
                                    </c:forEach>
                                </ul>
                        	</div>
                        </div>
                        <div class="gra_foot"></div>
                	</div>
                    
                	<div class="gradient_sbox">
                        <div class="gra_head">
                            <h1 class="clearfix pr">
                                <img src="../../images/icon/icon_flcp.gif" class="fl block"><span class="fl">分类产品</span>
                                <a href="listView.htm?channel=0e8585dd-242f-4b26-aa81-2e88e78d7cdb" class="more">more</a>
                            </h1>
                        </div>
                        <div class="gra_body" id="category">
                        	<div class="mt10">
                                <ul class="com_tabs clearfix">
                                	<li class="current" id="li_0">
                                        <a href="javascript:void(0)" onClick="tabPro('0');">全部</a>
                                    </li>
                                    <li id="li_1">
                                        <a href="javascript:void(0)" onClick="tabPro('1');">食品</a>
                                    </li>
                                    <li id="li_2">
                                         <a href="javascript:void(0)" onClick="tabPro('2');">首饰</a>
                                    </li>
                                    <li id="li_3">
                                         <a href="javascript:void(0)" onClick="tabPro('3');">工艺品</a>
                                    </li>
                                </ul>
                                <div class="mg_line" id="pro_0">
                                    <ul class="com_pt_box1 pro_s1 clearfix">
                                    	<c:forEach items="${allPro }" var="c" varStatus="status">
	                                        <li <c:if test="${status.last }">class="last"</c:if>>
	                                            <div class="t_box">
	                                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture }" style="width: 100px;height: 100px" class="block" /></a>
	                                                <span class="flag"></span>
	                                            </div>
	                                            <div class="d_box">
	                                                <a href="${c.hyperlink }" target="_blank" class="pro_name">${c.title }</a>
	                                                <div class="m_price">市场价:<i class="lt fb">${c.priceMarket }</i></div>
	                                                <div class="sk_price">爽客价:<i>¥${c.priceMin }</i></div>
	                                            </div>
	                                        </li>
                                        </c:forEach>
                                    </ul>
                              	</div>
                                <div class="mg_line" id="pro_1" style="display: none">
                                    <ul class="com_pt_box1 pro_s1 clearfix">
                                    	<c:forEach items="${foodPro }" var="c" varStatus="status">
	                                        <li <c:if test="${status.last }">class="last"</c:if>>
	                                            <div class="t_box">
	                                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture }" style="width: 100px;height: 100px" class="block" /></a>
	                                                <span class="flag"></span>
	                                            </div>
	                                            <div class="d_box">
	                                                <a href="${c.hyperlink }" target="_blank" class="pro_name">${c.title }</a>
	                                                <div class="m_price">市场价:<i class="lt fb">${c.priceMarket }</i></div>
	                                                <div class="sk_price">爽客价:<i>¥${c.priceMin }</i></div>
	                                            </div>
	                                        </li>
                                        </c:forEach>
                                    </ul>
                              	</div>
                              	<div class="mg_line" id="pro_2" style="display: none">
                                    <ul class="com_pt_box1 pro_s1 clearfix">
                                    	<c:forEach items="${jewelryPro }" var="c" varStatus="status">
	                                        <li <c:if test="${status.last }">class="last"</c:if>>
	                                            <div class="t_box">
	                                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture }" style="width: 100px;height: 100px" class="block" /></a>
	                                                <span class="flag"></span>
	                                            </div>
	                                            <div class="d_box">
	                                                <a href="${c.hyperlink }" target="_blank" class="pro_name">${c.title }</a>
	                                                <div class="m_price">市场价:<i class="lt fb">${c.priceMarket } </i></div>
	                                                <div class="sk_price">爽客价:<i>¥${c.priceMin }</i></div>
	                                            </div>
	                                        </li>
                                        </c:forEach>
                                    </ul>
                              	</div>
                              	<div class="mg_line" id="pro_3" style="display: none">
                                    <ul class="com_pt_box1 pro_s1 clearfix">
                                    	<c:forEach items="${artifactPro }" var="c" varStatus="status">
	                                        <li <c:if test="${status.last }">class="last"</c:if>>
	                                            <div class="t_box">
	                                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture }" style="width: 100px;height: 100px" class="block" /></a>
	                                                <span class="flag"></span>
	                                            </div>
	                                            <div class="d_box">
	                                                <a href="${c.hyperlink }" target="_blank" class="pro_name">${c.title }</a>
	                                                <div class="m_price">市场价:<i class="lt fb">${c.priceMarket } </i></div>
	                                                <div class="sk_price">爽客价:<i>¥${c.priceMin }</i></div>
	                                            </div>
	                                        </li>
                                        </c:forEach>
                                    </ul>
                              	</div>
                            </div>
                        </div>
                        <div class="gra_foot"></div>
                	</div>
                </div>
                <!-- left--end-->
                
                <!-- right-->
                <div class="t_rightbox">
                	<div class="gradient_sbox big_box com_gra">
                        <div class="gra_head"></div>
                        <div class="gra_body clearfix pro_wid_s1">
                        
                        	<!--left-gra-->
                            <div class="left_gra_box pro_l_box">

                                <!-- sub-content-->
                                <div class="lr_box">
                                	<h1><img src="../../images/icon/icon_jxsp.gif" class="fl block"><span class="fl">精选商品</span></h1>
                                    <ul class="com_pt_box1 pro_s1 clearfix sep_pro">
	                                    <c:forEach items="${selectPro }" var="c">
	                                        <li>
	                                            <div class="t_box">
	                                                <a href="${c.hyperlink }" target="_blank" class="pic"><img src="${c.picture }" style="width: 100px;height: 100px" class="block" /></a>
	                                                <span class="flag"></span>
	                                            </div>
	                                            <div class="d_box">
	                                                <a href="${c.hyperlink }" target="_blank" class="pro_name">${c.title }</a>
	                                                <div class="m_price">市场价:<i class="lt fb">${c.priceMarket } </i></div>
	                                                <div class="sk_price">爽客价:<i>¥${c.priceMin }</i></div>
	                                            </div>
	                                        </li>
	                                    </c:forEach>
                                    </ul>
                                </div>
                                <!-- sub-content--end-->
                                
                            </div>
                            <!--left-gra--end-->
                            
                            <!--right-gra-->
                            <div class="right_gra_box pro_r_box">
                            	<div class="list_box">
                                	<div class="title">订单榜</div>
                                    <ul class="com_t_box pro_t_s2">
                                    	<c:forEach items="${orderPro }" var="c">
	                                    	<li>
	                                        	<a href="${c.hyperlink }" target="_blank" class="name">${c.titleText }</a><i class="farial clrf60">¥${c.priceMin }</i>
	                                        </li>
                                        </c:forEach>
                                    </ul>
                                </div>
                            </div>
                            <!--right-gra--end-->
                        </div>
                        <div class="gra_foot"></div>
                	</div>
                </div>
                <!-- right--end-->
            </div>
        </div>
        <!-- part1--end-->
        
        <!-- ad-->
        <div class="w980 mg box_style1">
        	<a href="${midAdv[0].hyperlink }" target="_blank"><img src="${midAdv[0].picture }" style="width: 980px;height: 89px" class="block" /></a>
        </div>
        <!-- ad--end-->
        
        <!-- 点评 -->
        <%@include file="../common/discuss.jsp" %>
        
        
        <!-- part3 -->
        <%@include file="../common/attention.jsp" %>
        <!-- part3--end-->
                
        <!-- help-->
        <div class="w980 mg box_style1">
        	<c:forEach items="${help }" var="c">
        		${c.content}
        	</c:forEach>
        </div>
        <!-- help--end-->
        
    </div>

    <!-- content--end-->
    
	    <!-- foot-->
	    <%@include file="../common/footer.jsp" %>
	    <!-- foot--end-->
<script type="text/javascript">
$(function(){
	$.lbShow({
		picUL:"pic_ul",
		numsUL:"num_ul",
		styles:"hover"
	});
	$(".more").attr("target","_blank");
});


	
    function tabPro(n){
	 	$("#pro_"+n).show().siblings("div.mg_line").hide();
	 	$("#li_"+n).addClass("current").siblings().removeClass("current");
	}
</script>
</body>
</html>
